/*浏览器滚动条样式*/

/*滚动条宽高*/

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  overflow: auto;
}

/*滚动轨道样式*/

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #EFEFEF;
  border-radius: 3px;
  background-color: #EFEFEF;
}

/*滚动条 样式*/

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 3px #d9d9d9;
  background-color: #d9d9d9;
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
/* 播放器样式 */

audio::-webkit-media-controls-enclosure,
video::-webkit-media-controls-enclosure,
audio::-webkit-media-controls-panel,
video::-webkit-media-controls-panel {
  // display: none;
  background: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 680px) {
  audio::-webkit-media-controls-enclosure,
  video::-webkit-media-controls-enclosure,
  audio::-webkit-media-controls-panel,
  video::-webkit-media-controls-panel {
    // display: none;
    background: rgba(0, 0, 0, 0);
  }
  .hasControlVideo audio::-webkit-media-controls-enclosure,
  .hasControlVideo video::-webkit-media-controls-enclosure,
  .hasControlVideo audio::-webkit-media-controls-panel,
  .hasControlVideo video::-webkit-media-controls-panel {
    display: inherit;
  }
}


/*全局控制 富文本内图片样式*/

.content {
  font-size: 36pr;
  line-height: 60pr;
  letter-spacing: 1pr;
  text-align: justify;
  >p,
  >ol,
  >ul,
  >div,
  >section,
  >article,
  >aside {
    margin-bottom: 20pr;
    word-break: break-all;
  }
  video {
    width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
  }
  .video-box {
    width: 100%;
    // height: 394.875pr;
    height: 56.25%;
    background: #000;
  }
  .video-box-vertical {
    width: 56.25%;
    height: 100%;
  }
  .video-box-native {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 376.875pr;
  }
  .video-box-native > section {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
  }
  .video-play-poster {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .video-play-icon {
    width: 80pr;
    height: 80pr;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/play.png);
    background-size: 80pr;
  }
  .video-play-icon.pause {
    background-image: url(../images/pause.png);
  }
  .img-box {
    border-radius: 10pr;
    overflow: hidden;
  }
}

@media screen and (min-width: 681px) {
  .content {
    padding: 30pr 20pr 0;
    >p,
    >ol,
    >ul,
    >div,
    >section,
    >article,
    >aside {
      margin-bottom: 15pr;
    }
  }
}
